@light-blue: #00A2EA;
@black: #000000;
@green: #006634;
@white: #FFFFFF;
@v-dark-grey: #4D4D4D;
@dark-grey: #7F7F7F;
@little-grey: #CCCCCC;
@grey: #E6E6E6;
@orange: #F08619;

.bkg-gradient(@startColour, @endColour, @bgColour) {
    background: @bgColour; /* Old browsers */
    background: -moz-linear-gradient(top,  @startColour 0%, @endColour 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@startColour), color-stop(100%, @endColour)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  @startColour 0%,@endColour 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, @startColour 0%,@endColour 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, @startColour 0%,@endColour 100%); /* IE10+ */
    background: linear-gradient(to bottom, @startColour 0%,@endColour 100%); /* W3C */
    filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='@{startColour}', endColorstr='@{endColour}',GradientType=0 )"; /* IE6-9 */
}

.bkg-gradient(@startColour, @endColour) {
    .bkg-gradient(@startColour, @endColour, @startColour);
}

.header-white-linear{
    .bkg-gradient(#ffffff,#eeeeee);
}

.blue-linear{
    .bkg-gradient(#39B7ED,#1c81bd);
}

.dark-blue-linear{
    .bkg-gradient(#386795,#1985C3);
}

.grey-linear{
    .bkg-gradient(#FFFFFF, #EDEDED, #EDEDED);
}

.orage-linear{
    .bkg-gradient(#F5AA5F, #F08214);
}

.dark-grey-linear{
    .bkg-gradient(#7F7F7F, #4D4D4D);
}

.mid-grey-linear{
    .bkg-gradient(#E6E6E6, #CDCDCD);
}